<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<header>
			<div class="logo fl">
				<img src="./images/logo.png" alt="">
			</div>
			<div class="mine fr">
				<a href="">
					<i class="icon absout"></i>
				</a>
			</div>
			<div class="search">
				<div class="searchL fl">
					<i class="icon sear"></i>
				</div>
				<a href="">搜索商品名称</a>
			</div>
			<nav>
				<div class="main">
					<ul>
						<li class="fl">
							<a href="">推荐</a>
						</li>
						<li class="fl">
							<a href="">手机</a>
						</li>
						<li class="fl">
							<a href="">智能</a>
						</li>
						<li class="fl">
							<a href="">电视</a>
						</li>
						<li class="fl">
							<a href="">笔记本</a>
						</li>
						<li class="fl">
							<a href="">家电</a>
						</li>
						<div class="clear"></div>
					</ul>
					<i class="icon xia"></i>
				</div>
			</nav>
		</header>
		
		<banner>
			<div class="banner">
				<img src="./images/1.jpg" alt="">
			</div>
		</banner>
		<!-- 金刚区 -->
		<div class="miaosha">
			<ul>
				<li class="fl">
					<a href="second.html">
						<img src="./images/1.png" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/2.webp" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/3.webp" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/4.webp" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/5.webp" alt="">
					</a>
				</li>
				<div class="clear"></div>
			</ul>
			<ul>
				<li class="fl">
					<a href="">
						<img src="./images/6.webp" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/7.png" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/8.png" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/9.webp" alt="">
					</a>
				</li>
				<li class="fl">
					<a href="">
						<img src="./images/10.png" alt="">
					</a>
				</li>
				<div class="clear"></div>
			</ul>
		</div>
		<!-- k30 -->
		<div class="shuangmo">
			<div class="shuangmocon">
				<div class="shuangmoL fl">
					<a href="">
						<img src="./images/11.webp" alt="">
					</a>
				</div>
				<div class="shuangmoR fr">
					<a href="">
						<img src="./images/12.webp" alt="">
					</a>
					<a href="">
						<img src="./images/13.webp" alt="">
					</a>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- 探索 -->
		<div class="tansuo">
			<div class="tansuocon">
				<img src="./images/14.webp" alt="">
				<img src="./images/15.webp" alt="">
			</div>
		</div>
		<!-- 购买列表 -->
		<div class="goumailist">
			<div class="listcon">
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/16.jpg" alt="">
							<div class="dianB">
								<b>小米10 Pro</b>
								<p>骁龙865 / 50倍变焦</p>
								<span class="qian">¥4999起</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/17.jpg" alt="">
							<div class="dianB">
								<b>小米10</b>
								<p>骁龙865/1亿像素相机</p>
								<span class="qian">¥3799起</span>
								<span class="san">¥3999</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/18.jpg" alt="">
							<div class="dianB">
								<b>Redim k30 4G</b>
								<p>120Hz流速屏，全速热爱</p>
								<span class="qian">¥1399起</span>
								<span class="san">¥1699</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/19.jpg" alt="">
							<div class="dianB">
								<b>Redim k30 5G</b>
								<p>双屏5G，120Hz流速屏</p>
								<span class="qian">¥1599起</span>
								<span class="san">¥2299</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/20.jpg" alt="">
							<div class="dianB">
								<b>Redim Note 8 Pro</b>
								<p>6400万全查场景四摄</p>
								<span class="qian">¥1299起</span>
								<span class="san">¥1599</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/21.jpg" alt="">
							<div class="dianB">
								<b>Redim Note 8</b>
								<p>千元4800万四摄</p>
								<span class="qian">¥899起</span>
								<span class="san">¥999</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<p class="geng"><a href="">更多小米手机产品 ></a></p>
			</div>
		</div>
		<!-- 探索 -->
		<div class="tansuo">
			<div class="tansuocon dian">
				<img src="./images/22.webp" alt="">
			</div>
		</div>
		<!-- 购买列表 -->
		<div class="goumailist">
			<div class="listcon">
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/23.webp" alt="">
							<div class="dianB">
								<b>小米电视4A 65英寸</b>
								<p>4K HDR，人工智能语音系统</p>
								<span class="qian">¥2699起</span>
								<span class="san">¥2999</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/24.jpg" alt="">
							<div class="dianB">
								<b>小米电视4X 43英寸</b>
								<p class="quan">FHD全高清屏，人工智能语音</p>
								<span class="qian">¥1399起</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/25.jpg" alt="">
							<div class="dianB">
								<b>小米电视4C 50英寸</b>
								<p>4K HDR，钢琴烤漆</p>
								<span class="qian">¥1799起</span>
								<div class="btn">立即购买</div>
							</div>
							
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/26.jpg" alt="">
							<div class="dianB">
								<b>小米电视4C 55英寸</b>
								<p>4K HDR，人工智能系统</p>
								<span class="qian">¥2099起</span>
								<div class="btn">立即购买</div>
							</div>
							
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/27.jpg" alt="">
							<div class="dianB">
								<b>小米电视4A 32英寸</b>
								<p>人工智能系统，高清液晶屏</p>
								<span class="qian">¥899起</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/28.png" alt="">
							<div class="dianB">
								<b>小米电视4A 50英寸</b>
								<p>4K HDR，人工智能语言系统</p>
								<span class="qian">¥1799起</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<p class="geng gengT"><a href="">更多米家家电产品 ></a></p>
			</div>
		</div>
		<!-- 探索 -->
		<div class="tansuo">
			<div class="tansuocon tansuoconB">
				<img src="./images/29.webp" alt="">
				<img src="./images/30.webp" alt="">
			</div>
		</div>
		<!-- 购买列表 -->
		<div class="goumailist">
			<div class="listcon">
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/31.jpg" alt="">
							<div class="dianB">
								<b>Air 13.3" 2019款</b>
								<p>新一代独立显卡</p>
								<span class="qian">¥5499起</span>
								<span class="san">¥5999</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/32.jpg" alt="">
							<div class="dianB">
								<b class="mi">小米笔记本15.6"MX...</b>
								<p>全面均衡的国民轻薄本</p>
								<span class="qian">¥3799起</span>
								<span class="san">¥4299</span>
								<div class="btn">立即购买</div>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<p class="geng"><a href="">更多小米笔记本产品 ></a></p>
			</div>
		</div>
		<!-- 探索 -->
		<div class="tansuo">
			<div class="tansuocon tansuoconB">
				<img src="./images/33.webp" alt="">
				<img src="./images/34.webp" alt="">
			</div>
		</div>
		<div class="kongtiao">
			<div class="kongtiaocon">
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/35.webp" alt="">
						</a>
						<div class="kongtiaoB">
							<b>变频 | 米家互联网空调...</b>
							<p>变频节能，高效制冷热</p>
							<span class="qian">¥2099起</span>
							<span class="san">¥2699</span>
						</div>
					</li>
					<li class="fr">
						<a href="">
							<div class="tu">
								<img src="./images/36.jpg" alt="">
								<img src="./images/36.1.png" alt="" class="taozhuang">
							</div>
						</a>
						<div class="kongtiaoB">
							<b>米家洗烘一体机Pro</b>
							<p>智能洗烘，省心省力</p>
							<span class="qian">¥2999起</span>
							<span class="san">¥3299</span>
						</div>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/37.webp" alt="">
						</a>
						<div class="kongtiaoB">
							<b>定频 | 米家空调 大1匹</b>
							<p>出众静音，快速制冷热</p>
							<span class="qian">¥1499起</span>
							<span class="san">¥1799</span>
						</div>
					</li>
					<li class="fr">
						<a href="">
							<div class="tu">
								<img src="./images/38.webp" alt="">
							</div>
						</a>
						<div class="kongtiaoB">
							<b>米家互联网洗烘一体机...</b>
							<p>烘干除菌率达99.9%</p>
							<span class="qian">¥1999起</span>
							<span class="san">¥2299</span>
						</div>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/39.webp" alt="">
						</a>
						<div class="kongtiaoB">
							<b>自清洁 | 米家互联网空...</b>
							<p>变频节能省电，自清洁</p>
							<span class="qian">¥2099起</span>
							<span class="san">¥2699</span>
						</div>
					</li>
					<li class="fr">
						<a href="">
							<div class="tu">
								<img src="./images/40.webp" alt="">
							</div>
						</a>
						<div class="kongtiaoB">
							<b>Redmi全自动波轮洗衣...</b>
							<p>一键操作，父母都爱用</p>
							<span class="qian">¥799起</span>
							<span class="san">¥899</span>
						</div>
					</li>
					<div class="clear"></div>
				</ul>
				<p class="geng gengT"><a href="">更多米家家电产品 ></a></p>
			</div>
		</div>
		<!-- 探索 -->
		<div class="tansuo">
			<div class="tansuocon tansuoconB">
				<img src="./images/41.jpg" alt="">
				<img src="./images/42.webp" alt="">
			</div>
		</div>
		<div class="fengshan">
			<div class="fengshanmin">
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/43.jpg" alt="">
						</a>
					</li>
					<li class="fr zhi">
						<a href="">
							<h3>米家直流变频落地扇1X</h3>
							<p>模拟自然风算法 支持AI语言</p>
							<div class="zhiB">
								<span>¥299</span>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl zhi">
						<a href="">
							<h3>小爱音箱万能遥控版</h3>
							<p>传统家电秒变智能</p>
							<div class="zhiB">
								<span>¥149</span>
								<span>¥199</span>
							</div>
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/44.jpg" alt="">
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/45.jpg" alt="">
						</a>
					</li>
					<li class="fr zhi">
						<a href="">
							<h3>米家照片打印机</h3>
							<p>手机即拍即印</p>
							<div class="zhiB">
								<span>¥499</span>
							</div>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<p class="geng gengT"><a href="">更多米家智能产品 ></a></p>
			</div>
		</div>
		<div class="xuexi">
			<div class="xuexicon">
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/46.webp" alt="">
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/47.webp" alt="">
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/48.webp" alt="">
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/49.webp" alt="">
						</a>
					</li>
					<div class="clear"></div>
				</ul>
				<ul>
					<li class="fl">
						<a href="">
							<img src="./images/50.webp" alt="">
						</a>
					</li>
					<li class="fr">
						<a href="">
							<img src="./images/51.webp" alt="">
						</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
		</div>
		<div class="jiu">
			<div class="jiucon">
				<a href="">
					<img src="./images/52.webp" alt="">
				</a>
			</div>
			<div class="liaojie">
				<a href="">
					<img src="./images/53.png" alt="">
				</a>
			</div>
		</div>
		<!-- 底部 -->
		<div class="table">
			<div class="tablecon">
				<ul>
					<li class="fl">
						<a href="">
							<i class="icon shou"></i>
							<span>首页</span>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="icon cation"></i>
							<span>分类</span>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="icon star"></i>
							<span>星球</span>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="icon shopping"></i>
							<span>购物车</span>
						</a>
					</li>
					<li class="fl">
						<a href="my.html">
							<i class="icon my"></i>
							<span>我的</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
